<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.thymeleaf.org"
      layout:decorator="layout/m_master">

<div layout:fragment="content">
    <input type="hidden" value="chat" id="filedir">
    <input type="hidden" id="userId" th:value="${userId}">
    <link href="/m/css/bottlecms-dialogue.css" rel="stylesheet"/>
    <div class="page-group">
        <div class="page page_chat_show">
            <header class="head-nav-wrap">
                <div class="head-nav ">
                    <div class="nav-title" th:text="${title}">
                    </div>
                    <div class="nav-left">
                        <a href="javascript:;" onClick="bottlecms.back()">
                            <i class="icon icon-bottlecms-100"></i>
                        </a>
                    </div>
                    <div class="nav-right">
                        <a class="js-handle" href="javascript:;">
                            <i class="icon icon-bottlecms-97"></i>
                        </a>
                    </div>

                </div>
            </header>
            <div class="page-content">
                <input name="user_obj" type="hidden" th:value="${userObj}"/>
                <input name="target_obj" type="hidden" th:value="${targetObj}"/>
                <div class="bcui-dialogue">
                    <div class="dialogue-main">
                        <div class="MessageHistory _cp">
                            <i class="ico-history">
                            </i>
                            查看更多消息
                        </div>
                        <ul class="chatList chat_list" id="chat_list">
                        </ul>
                    </div>
                    <div class="dialogue-send">

                        <div class="dialogue-speak">
                            <form>
                                <div class="voicebox">
                                    <div class="d-btn voice js_voicebtn">
                                        <i class="icon-voice">
                                        </i>
                                    </div>
                                    <div class="d-btn keyboard js_keyboardbtn">
                                        <i class="icon-keyboard">
                                        </i>
                                    </div>
                                </div>
                                <div class="voicetalkbox">
                                    <div class="voicetalkpop">
                                        <div class="ico"></div>
                                        可以说话了
                                    </div>
                                    <div class="voicebtn js_holdvoice">按住 说话</div>
                                </div>
                                <div class="talkbox">
                                    <textarea class="talk_area" id="talk_area"></textarea>
                                    <span class="provide hide" id="provide">
                                    6/240字
                                </span>
                                </div>
                                <div class="btnbox">
                                    <div class="d-btn js_emoticonbtn">
                                        <i class="icon-emoticon">
                                        </i>
                                    </div>
                                    <div class="d-btn js_morebtn">
                                        <i class="icon-more">
                                        </i>
                                    </div>
                                    <div class="d-btn sendbtn js_sendbtn _cp">
                                    <span>
                                        发送
                                    </span>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="dialogue-tool">
                            <div class="item image">
                                <div class="_cp js_imagebtn bcui-upload-box" id="js_imagebtn">
                                    <div class="icon">
                                        <i class="icon-bottlecms-31"></i>
                                    </div>
                                    <div class="tit">
                                        图片
                                    </div>
                                    <input type="file" class="js-uppic" accept="image/*"/>
                                </div>
                            </div>
                            <div class="item video">
                                <div class="_cp js_videobtn bcui-upload-box" id="js_videobtn">
                                    <div class="icon">
                                        <i class="icon-bottlecms-14">
                                        </i>
                                    </div>
                                    <div class="tit">
                                        视频
                                    </div>
                                    <input type="file" class="js-upvideo" accept="video/*"/>
                                </div>
                            </div>
                            <div class="item gift">
                                <div class="_cp js_giftbtn" id="js_giftbtn">
                                    <div class="icon">
                                        <i class="icon-bottlecms-82"></i>
                                    </div>
                                    <div class="tit">
                                        礼物
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="dialogue-emot _shadow">
                            <ul class="emotbox js_emotbox">
                            </ul>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <div th:replace="layout/m_layout::systemJs"></div>
    <script id="javascript-bottlecms-dialogue" src="/m/js/dialogue.js" type="text/javascript"></script>
    <script type="text/javascript" src="/m/js/center/chatinfo.js"></script>
</div>

</html>
